@media screen {
    #grid.abgrid .k-grid-header-wrap .k-header{
        text-align: center;
        font-size: 1.2rem;
        overflow: hidden;
        padding: 0px;
        width: 71px;
        height: 80px;
    }
    
    #grid.abgrid .head-prep{
        width: 100px !important;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        height: 70px;
        margin-left: -2px !important;
        word-wrap: break-word !important;
        word-break: break-all !important;
        font-size: 1rem;
    }

    #ab-header{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #ab-header td{
        text-align: center;

    }
    #ab-header .icono{
        width: 50px;
    }
    #ab-header .fill-ent,
    .fill-ent{
        background-color: #000;
    }
    #ab-header .borde,
    .borde{
        border: solid 1px #777;
    }
    #ab-header .referencias{
        margin-top: 5px;
    }
    #ab-header .referencias td{
    }
    #ab-header td{
        text-transform: none;
    }
    .w50{
        width: 50px;
    }
    .w100{
        width: 100px;
    }
    .w120{
        width: 120px;
    }
    .w200{
        width: 200px;
    }
    .w150{
        width: 150px;
    }
    .w7p{
        width: 7%;
    }
    .h30{
        height: 30px;
    }
    #grid.abgrid .referencias td.f8,
    .f8{
        font-size: .8rem;
    }
    .f9{
        font-size: .9rem;
    }
    .f1{
        font-size: 1rem;
    }
    .f11{
        font-size: 1.1rem;
    }
    .f13{
        font-size: 1.3rem;
        text-align: center;
    }
    .leyenda{
        margin-top: 3px;
        margin-bottom: 5px;
        padding-left: 50px; 
        padding-right: 50px;
    }
    #grid.abgrid .foot-titulo{
        font-weight: bold;
    }
    #grid.abgrid .k-grid-delete{
        min-width: 0 !important;
        width: 25px !important;
    }
    #grid.abgrid td[role='gridcell']{
        text-align: center;
        border: solid 1px #777 !important;
    }
    #grid.abgrid .k-grid-content td{
        height: 40px;
    }
    #grid.abgrid .k-grid-content td[role='gridcell']{
        padding: 0px;
    }
    #grid.abgrid .cert-pie,
    #grid.abgrid .prep-pie,
    #grid.abgrid .obj-der,
    #grid.abgrid .obj-aba{
        font-size: 1.4rem;
        height: 60%;
        padding-top: 5px;
    }
    #grid.abgrid .obj-aba{
        text-align: center;
    }
    #grid.abgrid .k-footer-template td{
        background-color: #ffffff !important;
        border: 1px solid #777777 !important;
        color: #4c5356 !important;
        height: 35px;
        padding: 0;
        width: 70px;
    }
    #grid.abgrid .cad-icon{
        color: #333;
        font-size: 1.2rem;
        height: 30%;
        line-height: 1.2rem;
        text-transform: none !important;
    }
    #grid .borde-top{
        border-top: solid 1px #777 !important;
    }
    #gridCambios{
        margin-top: 30px;
    }
    #gridCambios .tituloCambios{
        text-align: center;
        font-size: 1.8rem;
    }
    .ab-name{
        text-align: left;
        padding-left: 3px;
        text-transform: none !important;
    }
    
    .ab-nomina{
        font-size: 1.3rem;
        text-transform: none !important;
    }
    .k-header .k-link{
        text-transform: none !important;
    }
    .foot-nomina{
        font-size: 1.2rem;
        text-align: center;
        color: #000;
    }
    
    
    
    
    
/*    .icon-pie2-2{
        color: #808080;
    }
    .icon-pie2-4{
        color: #e46d0a;
    }
    .icon-pie2-6{
        color: #0070C0;
    }
    .icon-pie{
        color: #00B050;
    }*/
    #grid.abgrid .cert-pie2{
        font-size: 1.4rem;
        height: 72%;
    }
    .cert-pie2{
        overflow: hidden;
    }
    td[role="gridcell"] img.fondo{
        height: 29px;
        width: 100%;
    }
    .ent-rojo div{
        overflow: hidden;
    }
    .ent-rojo img.fondo{
        width: 100%;
        height: 22px;;
    }
    
    
    
    
    div#grid.abgrid.k-grid td[role="gridcell"]{width: 70px;}
    
    div#grid.abgrid.k-grid td[role="gridcell"]:nth-child(1){width: 78px;}
    div#grid.abgrid.k-grid td[role="gridcell"]:nth-child(2){width: 199px;}
    #grid.abgrid .k-grid-header-wrap .k-header:nth-child(1){
        width: 80px;
    }
    #grid.abgrid .k-grid-header-wrap .k-header:nth-child(2){
        width: 200px;
    }
    #grid.abgrid .k-grid-footer-wrap td:nth-child(1){
        width: 278px;
    }
    .negrita{
        font-weight: bolder;
        color: #000;
    }
    .align-izq{
        text-align: left !important;
    }
    .k-grid-header .k-header{
        background-color: #8db4e3;
    }
    .k-grid-header .k-header:nth-child(1),
    .k-grid-header .k-header:nth-child(2){
        background-color: #fff;
    }
    .k-grid-header .k-header .k-link,
    .k-grid-header .k-header .k-link{
        color: #000;
    }
    .escondido{
        display: none;
    }
    .casi-caduca{
        color: #f00 !important;
    }
}











@media print {

    #grid.abgrid .head-prep{
        width: 100px !important;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        height: 70px;
        margin-left: -2px !important;
        word-wrap: break-word !important;
        word-break: break-all !important;
        font-size: 1rem;
    }

    #ab-header{
        margin-top: -30px;
        margin-bottom: 20px;
    }
    #ab-header td{
        text-align: center;

    }
    #ab-header table{
        width: 100% !important;
        font-size: .8rem;
    }
    #ab-header .icono{
        width: 50px;
        font-size: 1.2rem;
    }
    #ab-header .fill-ent,
    .fill-ent{
        background-color: #000;
    }
    #ab-header .borde,
    .borde{
        border: solid 1px #000;
    }
    #ab-header .referencias{
        margin-top: 5px;
    }
    #ab-header td{
        text-transform: none;
    }
    .w50{
        width: 50px;
    }
    .w100{
        width: 100px;
    }
    .w120{
        width: 120px;
    }
    .w200{
        width: 200px;
    }
    .w150{
        width: 150px;
    }
    .w7p{
        width: 7%;
    }
    .h30{
        height: 30px;
    }
    #grid.abgrid .referencias td.f8,
    .f8{
        font-size: .8rem;
    }
    .f9{
        font-size: .9rem;
    }
    .f1{
        font-size: 1rem;
    }
    .f11{
        font-size: 1.1rem;
    }
    .f13{
        font-size: 1.3rem;
        text-align: center;
    }
    .leyenda{
        margin-top: 3px;
        margin-bottom: 5px;
        padding-left: 50px; 
        padding-right: 50px;
    }
    #grid.abgrid .foot-titulo{
        font-weight: bold;
    }
    #grid.abgrid .k-grid-delete{
        min-width: 0 !important;
        width: 25px !important;
    }
    #grid.abgrid td[role='gridcell']{
        text-align: center;
        border: solid 1px #000 !important;
    }
    #grid.abgrid .k-grid-content td{
        height: 40px;
    }
    #grid.abgrid .k-grid-content td[role='gridcell']{
        padding: 0px;
    }
    #grid.abgrid .cert-pie,
    #grid.abgrid .prep-pie,
    #grid.abgrid .obj-der,
    #grid.abgrid .obj-aba{
        font-size: 1.4rem;
        height: 60%;
        padding-top: 5px;
    }
    #grid.abgrid .obj-aba{
        text-align: center;
    }
   

    #grid.abgrid .cad-icon{
        font-size: .7rem;
        height: 30%;
        line-height: 1.2rem;
        text-transform: none !important;
    }
    #grid .borde-top{
        border-top: solid 1px #000 !important;
    }
    #gridCambios{
        margin-top: 30px;
    }
    #gridCambios .tituloCambios{
        text-align: center;
        font-size: 1.8rem;
    }
    .ab-name{
        text-align: left;
        padding-left: 3px;
        text-transform: none !important;
    }
    .ab-nomina{
        font-size: 1.3rem;
        font-size: 1.3rem;
        text-transform: none !important;
    }
    .head-obj{
        text-transform: none !important;
    }
    .foot-nomina{
        font-size: 1.2rem;
        text-align: center;
        color: #000;
    }
    
    
    
    
    
/*    .icon-pie2-2{
        color: #808080 !important;
    }
    .icon-pie2-4{
        color: #e46d0a !important;
    }
    .icon-pie2-6{
        color: #0070C0 !important;
    }
    .icon-pie{
        color: #00B050 !important;
    }*/
    #grid.abgrid .cert-pie2{
        font-size: 1.4rem;
        height: 72%;
    }
    .cert-pie2{
        overflow: hidden;
    }
    td[role="gridcell"] img.fondo{
        height: 29px;
        width: 100%;
    }
    .ent-rojo div{
        overflow: hidden;
    }
    .ent-rojo img.fondo{
        width: 100%;
        height: 22px;;
    }
    
    
    
    
    
    
    div#grid.k-grid .k-header{width: 20px;} 
    div#grid.k-grid td[role="gridcell"]{width: 40px;}
    .ab-name{
        font-size: 1.3rem;
    }
    .ab-nomina{
        font-size: 1rem;
    }
    
    
    .k-grid { border-top-width: 0; }
    .k-grid, .k-grid-content { height: auto !important; }
    .k-grid-content { overflow: visible !important; }
    .k-grid .k-grid-header th { border-top: 1px solid; }
    .k-grid-toolbar, .k-grid-pager > .k-link { display: none; }
    
    
    
    
    
     #grid.abgrid .k-grid-header-wrap .k-header{
        text-align: center;
        font-size: 1.2rem;
        overflow: hidden;
        padding: 0px;
        width: 45px;
        height: 80px;
        border: 1px solid #000 !important;
    }
     #grid.abgrid .k-footer-template td{
        background-color: #ffffff !important;
        border: 1px solid #777777 !important;
        color: #4c5356 !important;
        height: 35px;
        padding: 0;
        width: 45px;
    }
    #grid.abgrid .k-grid-header-wrap .k-header:nth-child(1){
        width: 60px;
        font-size: 1rem;
    }
    #grid.abgrid .k-grid-header-wrap .k-header:nth-child(2){
        width: 200px;
    }
    
    div#grid.k-grid td[role="gridcell"]{
        width: 45px;
    }
    div#grid.k-grid td[role="gridcell"]:nth-child(1){
        width: 60px;
    }
    div#grid.k-grid td[role="gridcell"]:nth-child(2){
        width: 200px;
    }
    div#grid.k-grid td[role="gridcell"]:last-child{
        display: none;
    }
    #grid.abgrid .k-grid-footer-wrap td:nth-child(1){
        width: 261px;
    }
    .negrita{
        font-weight: bolder;
        color: #000;
    }
    .k-header .k-link{
        text-transform: none !important;
    }
    footer{
        display: none;
    }
    .align-izq{
        text-align: left !important;
    }
    .k-grid-header .k-header:not(:nth-child(1)):not(:nth-child(2)){
        background-color: #8db4e3 !important;
    }
    .k-grid-header .k-header .k-link,
    .k-grid-header .k-header .k-link{
        color: #000;
    }
    .casi-caduca{
        color: #f00;
    }
    
}
    


